<template>
	<view>
		
	<view @tap="$emit('showNotice',$event)" class="notice flex-row" :style="{color:param.color,backgroundColor:param.bg_color}" v-if="param.content">
		<view class="flex-grow-0 flex-y-center notice-a">
			<image :src="param.icon?param.icon:__wxapp_img.notice.notice.url" style="width:36upx;height:36upx;margin-right:24upx;"></image>
			<view>{{param.name}}</view>
		</view>
		<view class="flex-grow-1 notice-box">
			<view class="notice-content">
				<view style="display: inline-block;">{{param.content}}</view>
			</view>
		</view>
		<view class="flex-grow-0 flex-y-center notice-b">
			<image :src="__wxapp_img.notice.jiantou.url" style="width:10upx;height:18upx;margin-left:32upx;"></image>
		</view>
	</view>
	<view :class="['notice-modal flex-y-center flex-x-center', show_notice?'':'hidden']">
		<view style="margin-top:-200upx;">
			<image class="notice-img" :src="__wxapp_img.notice.title.url"></image>
			<view class="w-100 notice-body">
				<scroll-view scrollY style="color:#666;max-height:400upx;">
					<text>{{param.content}}</text>
				</scroll-view>
				<view class="flex-x-center">
					<view @tap="$emit('closeNotice',$event)" class="notice-btn flex-x-center flex-y-center">我知道了</view>
				</view>
			</view>
		</view>
	</view>
	</view>
</template>

<script>var myVue = {};
	export default {
		props: ['param','__wxapp_img','show_notice','notice',],
		data() {
			return {
				
			};
		}
	}
</script>

<style scoped>
</style>
